@class-prefix-toast: ~'gd-toast';

.@{class-prefix-toast} {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100000;

  &-contain {
    min-height: 36px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    border: 2px solid #12aaa2;
    width: calc(100% - 160px);
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  &-icon {
    width: 32px;
    height: 32px;
  }

  &-text {
    font-size: 15px;
    color: #121727;
  }
}
